import './index.css';
import './iconfont/iconfont.css';
import $ from 'jquery';
// import '@babel/polyfill';

const add = (x, y) => x + y;
// 下一行所有的eslint规则全部失效
// eslint-disable-next-line
console.log(add(1, 2));
// eslint-disable-next-line
console.log($('.box2'));

//让打包后的文件固定要一个指定的名字 下面的路径必须要带./
function lan(x, y) {
    // 预加载prefetch:在使用之前，提前加载js文件，等浏览器把其他的文件加载完了，再偷偷地加载预加载的文件
    // 正常加载可以理解为并行加载（同时加载多个文件）
    import ( /*webpackChunkName:'index2',webpackPrefetch:true*/ './index2')
    //解构赋值
    .then(({ mul }) => {
            //mul是index2里面的方法
            console.log(mul(x, y))
        })
        .catch(() => {
            console.log('文件加载失败了')
        })
}
document.getElementById('lanBtn').onclick = function() {
        // 把懒加载的逻辑放进去
        lan(4, 5)
    }
    /* 注册serviceworker，处理兼容性问题 */
if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
        navigator.serviceWorker.register('./service-worker.js')
            .then(() => {
                console.log('serviceWorker注册成功了');
            })
            .catch(() => {
                console.log(('sw注册失败了'));
            })
    })
}